<template>
<div class="head">
    <div>
        <p v-text="$route.query.score"></p>
        <p>综合评价</p>
        <p>高于周边商家76.9%</p>
    </div>
    <div>
        <p><span>服务态度:</span><span class="kd">{{fen1}}</span></p>
        <p><span>菜品评价:</span><span class="kd">{{fen2}}</span></p>
        <p><span>送达时间:</span><span>-分钟</span></p>
    </div>
</div>
</template>

<script>

export default {
    components: {

    },
    data() {
        return {
            fen1:4.2,
            fen2:4.4
        };
    },
    methods: {

    },
}
</script>
<style  scoped>
.head{
    display: flex;
    background-color: #fff;
    padding: .8rem .5rem;
    margin-bottom: 0.5rem;
    border-bottom: #f5f5f5 0.5rem solid;
}
p{margin: 0;}
.head>div:first-child{
    flex: 3;
    text-align: center;
}
.head>div:first-child>p:first-child{
    font-size: 1.4rem;
    color: #f60;
}
.head>div:first-child>p:nth-child(2){
    font-size: 0.65rem;
    color: #666;
    margin-bottom: .1rem;
}
.head>div:first-child>p:last-child{
    font-size: 0.5rem;
    color: #999;
}
.head>div:last-child{
    flex: 4;
}
span{
    color: #666;
    margin-right: .5rem;
    font-size: 0.7rem;
}
.kd{
    color: #f60;
}
</style>